import { useState, useDeferredValue } from "react";

import SlowList from "./SlowList";

export default function App(){
    const [text,setText] = useState('')

    const deferredText = useDeferredValue(text)

    console.log('text',text);
    console.log('deferredText',deferredText);
    
    return (
        <div>
            <input value={text} onChange={e=> setText(e.target.value)} />
            <SlowList text={text} />
        </div>
    )
}

